<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
		<meta name="theme-color" content="#171a21">
		<link rel="shortcut icon" href="img/index/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/carousel.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<title>欢迎来到Steam</title>
	</head>

	<body>
		<!--头部S-->
		<header>
			<div class="content clearfix">
				<div class="logo">
					<span><a href="index.html"><img src="img/index/globalheader_logo.png" width="176" height="44"/></a></span>
				</div>
				<!--头部列表S-->
				<div class="supernav_container">
					<div class="container-fluid">
						<div id="navbar" class="navbar-collapse collapse">
							<ul class="nav navbar-nav">
								<li class="dropdown">
									<a href="#" class="dropdown-toggle menuitem" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">商店</a>
									<ul class="dropdown-menu sub_dropdown">
										<li>
											<a href="#">精选</a>
										</li>
										<li>
											<a href="#">探索</a>
										</li>
										<li>
											<a href="#">鉴赏家</a>
										</li>

										<li>
											<a href="#">愿望单</a>
										</li>
										<li>
											<a href="#">新闻</a>
										</li>
										<li>
											<a href="#">统计</a>
										</li>
									</ul>
								</li>
								<li class="dropdown">
									<a href="#" class="dropdown-toggle menuitem" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">社区</a>
									<ul class="dropdown-menu sub_dropdown">
										<li>
											<a href="#">主页</a>
										</li>
										<li>
											<a href="#">讨论</a>
										</li>
										<li>
											<a href="#">创意工坊</a>
										</li>

										<li>
											<a href="#">市场</a>
										</li>
										<li>
											<a href="#">实况直播</a>
										</li>

									</ul>
								</li>
								<li class="dropdown">
									<a href="personal.html" class="dropdown-toggle menuitem" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">SUPERMAX</a>
									<ul class="dropdown-menu sub_dropdown">
										<li>
											<a href="#">动态</a>
										</li>
										<li>
											<a href="#">个人资料</a>
										</li>
										<li>
											<a href="#">好友</a>
										</li>

										<li>
											<a href="#">组</a>
										</li>
										<li>
											<a href="#">内容</a>
										</li>
										<li>
											<a href="#">徽章</a>
										</li>
										<li>
											<a href="#">库存</a>
										</li>
									</ul>
								</li>

								<li class="dropdown">
									<a href="#" class="dropdown-toggle menuitem" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">关于</a>
								</li>

								<li class="dropdown">
									<a href="#" class="dropdown-toggle menuitem" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">客服</a>
								</li>

							</ul>

						</div>
						<!--/.nav-collapse -->
					</div>
					<!--/.container-fluid -->

				</div>

				<!--头部列表E-->
				<!--头部右-->
				<div class="header_right">
					<div class="right_menu">
						<div class="install_btn">
							<div class="btn_leftcap"></div>
							<div class="btn_rightcap"></div>
							<a class="btn_content">安装 Steam</a>
						</div>
						<!-- Single button -->
						<div class="btn-group">
							<button type="button" class="btn btn-default dropdown-toggle noti_btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <img src="img/index/header_menu_notifications.png" width="11" height="8"/></button>
							<ul class="dropdown-menu noti_dropdown">
								<li>
									<a href="#"><span>0</span><span>条新留言</span></a>
								</li>
								<li>
									<a href="#"><span>0</span><span>件新物品在您的库存中</span></a>
								</li>
								<li>
									<a href="#"><span>0</span><span>份新邀请</span></a>
								</li>

								<li>
									<a href="#"><span>0</span><span>份新礼物</span></a>
								</li>
								<li>
									<a href="#"><span>0</span><span>条未读聊天信息</span></a>
								</li>
							</ul>
						</div>
						<div class="btn-group">
							<button type="button" class="btn btn-default dropdown-toggle noti_btn username_btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    hongyvan <span class="caret"></span></button>
							<ul class="dropdown-menu noti_dropdown">
								<li>
									<a href="#"><span>注销</span></a>
								</li>
								<li>
									<a href="#"><span>账户明细</span></a>
								</li>
								<li>
									<a href="#"><span>偏好</span></a>
								</li>

								<li>
									<a href="#"><span>更改语言</span></a>
								</li>
								<li>
									<a href="#"><span>查看个人资料</span></a>
								</li>
							</ul>
						</div>
						<div class="wallet_ctn">
							<a href="">¥ 9999.99</a>
						</div>
					</div>
					<a href="personal.html" class="user_avatar "><img src="img/index/mine.jpg"></a>
				</div>
		</header>
		<!--头部E-->

		<section>
			<!--头部导航-->
			<div class="container-fluid   main_nav">
				<div class="top_nav">
					<!--愿望单-->
					<!-- Static navbar -->
					<nav class="navbar navbar-default  top_content">
						<div class="container-fluid">
							<div class="navbar-header">
								<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
          </button>
							</div>
							<div id="navbar" class="navbar-collapse collapse">
								<ul class="nav navbar-nav">
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">您的商店 <span class="caret"></span></a>
										<ul class="dropdown-menu">
											<li>
												<a href="#">商店主页</a>
											</li>
											<li>
												<a href="#">好友中热门</a>
											</li>
											<li>
												<a href="#">Steam 鉴赏家</a>
											</li>
											<li>
												<a href="#">您的队列</a>
											</li>
											<li>
												<a href="#">最近更新</a>
											</li>
											<li>
												<a href="#">关注的游戏和软件</a>
											</li>
											<li role="separator" class="divider"></li>
											<li class="dropdown-header">为您推荐的标签</li>
											<li>
												<a href="#">动作</a>
											</li>
											<li>
												<a href="#">冒险</a>
											</li>
											<li>
												<a href="#">开放世界</a>
											</li>
											<li>
												<a href="#">单人</a>
											</li>
											<li>
												<a href="#">角色扮演</a>
											</li>
											<li role="separator" class="divider"></li>

											<li>
												<a href="#">浏览所有推荐标签</a>
											</li>

										</ul>
									</li>
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">游戏 <span class="caret"></span></a>
										<ul class="dropdown-menu">
											<li>
												<a href="#">免费游玩</a>
											</li>
											<li>
												<a href="#">抢先体验</a>
											</li>
											<li>
												<a href="#">试玩</a>
											</li>
											<li>
												<a href="#">虚拟现实</a>
											</li>
											<li>
												<a href="#">可支持 Steam 控制器</a>
											</li>

											<li role="separator" class="divider"></li>
											<li class="dropdown-header">按类型浏览:</li>
											<li>
												<a href="#">休闲</a>
											</li>
											<li>
												<a href="#">冒险</a>
											</li>
											<li>
												<a href="#">体育</a>
											</li>
											<li>
												<a href="#">动作</a>
											</li>
											<li>
												<a href="#">角色扮演</a>
											</li>
											<li>
												<a href="#">模拟</a>
											</li>
											<li>
												<a href="#">策略</a>
											</li>
											<li>
												<a href="#">独立</a>
											</li>
											<li role="separator" class="divider"></li>
											<li>
												<a href="#">查看热门标签</a>
											</li>
											<li role="separator" class="divider"></li>
											<li class="dropdown-header">按平台浏览:</li>
											<li>
												<a href="#">Mac OS X</a>
											</li>
											<li>
												<a href="#">SteamOS +Linux</a>
											</li>
										</ul>
									</li>
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">软件 <span class="caret"></span></a>
										<ul class="dropdown-menu">
											<li>
												<a href="#">软件中心</a>
											</li>
											<li role="separator" class="divider"></li>

											<li>
												<a href="#">动画制作与建模</a>
											</li>
											<li>
												<a href="#">实用工具</a>
											</li>
											<li>
												<a href="#">教育</a>
											</li>
											<li>
												<a href="#">游戏开发</a>
											</li>
											<li>
												<a href="#">照片编辑</a>
											</li>

											<li>
												<a href="#">网络出版</a>
											</li>
											<li>
												<a href="#">视频制作</a>
											</li>
											<li>
												<a href="#">设计与插画</a>
											</li>
											<li>
												<a href="#">音频制作</a>
											</li>

										</ul>
									</li>
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">硬件 <span class="caret"></span></a>
										<ul class="dropdown-menu">
											<li>
												<a href="#">Steam 控制器</a>
											</li>
											<li>
												<a href="#">Steam 流式盒</a>
											</li>
											<li>
												<a href="#">Steam 主机</a>
											</li>
											<li>
												<a href="#">HTC Vive</a>
											</li>
										</ul>

									</li>

									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">视频 <span class="caret"></span></a>
										<ul class="dropdown-menu">
											<li>
												<a href="#">视频中心</a>
											</li>
											<li role="separator" class="divider"></li>
											<li class="dropdown-header">按类型浏览:</li>

											<li>
												<a href="#">电影</a>
											</li>
											<li>
												<a href="#">章节式</a>
											</li>
											<li>
												<a href="#">纪录片</a>
											</li>
											<li>
												<a href="#">游戏</a>
											</li>
											<li>
												<a href="#">教程</a>
											</li>
											<li>
												<a href="#">短片</a>
											</li>
											<li role="separator" class="divider"></li>
											<li class="dropdown-header">按类型浏览:</li>
											<li>
												<a href="#">动作</a>
											</li>
											<li>
												<a href="#">日本动画</a>
											</li>
											<li>
												<a href="#">欢乐</a>
											</li>
											<li>
												<a href="#">剧情</a>
											</li>
											<li>
												<a href="#">恐怖</a>
											</li>
											<li>
												<a href="#">科幻</a>
											</li>

										</ul>
									</li>
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">新闻</a>
									</li>

								</ul>

							</div>
						</div>
						<div class="col-md-3 search_box">
							<input type="text" class="search_content" placeholder="搜索商店" />
						</div>

					</nav>
				</div>
			</div>
		</section>
	</body>

</html>